        body{
            width: 100%;
            height: 100%;
            background-color: #f5f5f5;
        }
        .header{
            width: 100%;
            height: 200px;
        }
        .news{
            width: 100%;
            height: 700px;
            background-image: url(../images/news1.jpg);
            position: relative;
            z-index: 1;
        }
        h1{
            width: 100%;
            height: 100px;
            font-size: 22px;
            line-height: 100px;
            text-align: center;
        }
        .main{
            width: 100%;
            height: 600px;
            position: relative;
        }
        .news_box1,.news_box2,.news_box3{
            width: 420px;
            height: 500px;
            position: absolute;
            background-color: white;            
        }
        .news_box1{
            left: 5%;
        }
        .newsPic1,.newsPic2,.newsPic3{
           width: 420px;
           height: 300px;
           position: relative;
        }
        .newsPic1 img,.newsPic2 img,.newsPic3 img{
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .news_box2{
        left: 50%;
        margin-left: -210px;
        }
        .news_box3{
            right: 5%;
        }
        .textbox1,.textbox2,.textbox3{
            width: 420px;
            height: 200px;
        }
        p{
            width: 380px;
            height: 200;
            font-size: 14px;
            color: rgb(92, 90, 90);
        }
        h2{
            font-size: 22px;
        }
        a{
            text-decoration: none;
            font-weight: bold;
            color: rgb(107, 138, 231);
        }
        .textbox1:hover,.textbox2:hover,.textbox3:hover{
            background-color: rgb(37, 37, 46);
            color: white;
            cursor: pointer;
        }
        .bottom{
            width: 100%;
            height: 200px;
            background-color: royalblue;
            
        }
        
        
        